// 混合器 / 混合传参
// flex布局
@mixin myflex(
  $direction: row,
  $justify: flex-start,
  $align: center,
  $wrap: nowrap
) {
  display: flex;
  flex-direction: $direction; //这个是掉头
  justify-content: $justify;
  align-items: $align;
  flex-wrap: $wrap;
}

// 计算混合器求rem值
@function rem($px) {
  @return $px * 0.5rem;
}

// 背景图混合器
// background-image: url("#{$url}");：
// 使用 url() 函数设置背景图片，#{$url} 是 Sass 的插值语法，用于将变量 $url 的值插入到字符串中
@mixin bgimage($url) {
  background-image: url("#{$url}");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
// pub_title
@mixin mypub_title(
  $height: 0.9333,
  $font-size: 0.8,
  $padding-left: 1.6533,
  $width: 0.24
) {
  height: rem($height);

  font-size: rem($font-size);
  padding-left: rem($padding-left);
  span {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      width: rem($width);
      height: 100%;
      background-color: $blue-color;
      left: rem(-0.5867);
      top: 50%;
      transform: translateY(-50%);
    }
  }
}
